<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业</title>
    <style>
        b{
            animation: mousex 0.5s infinite;
        }
        @keyframes mousex{
            from{
                opacity: 0;
            }
            to{
                opacity: 1;
            }
        }
    </style>
</head>
<body>
    <div id="counter">
        内容11111111111111
    </div>
    
    <script>
        /*
            var timeid=setInterval(执行的代码(是一个回调函数),时间间隔 毫秒);
                clearInterval(timeid);//清除定时
        */
        function countDown(endTime){
            var date=new Date();
            var endDate=new Date(endTime);
            var cound=endDate-date;
            var lastDay=parseInt(cound/1000/3600/24);
            var lastHour=parseInt(cound/1000/3600)%24;
            var lastMinute=parseInt(cound/1000/60)%60;
            var lastsec=parseInt(cound/1000)%60;
            var c=document.getElementById('counter');//获取标签对象
                //设置标签对象的内容
                c.innerHTML='剩余:'+lastDay+"天"+lastHour+"时"+lastMinute+"分"+lastsec+"秒";
        }
        countDown('2021-1-1 0:0:0');
    
        var timeid=setInterval(function(){
            countDown('2021-1-1 0:0:0');//执行countDown函数
        },1000); //每隔一秒执行一次countDown函数
        // document.getElementById('stoptime').onclick=function(){
        //     console.log(timeid);
        //     clearInterval(timeid);//清除定时器,一定要有一个timeid timeid开始定时的时候setInterval()返回一个id
        // }
        /**
    //     function a(c){
    //         console.log('这是A');
    //         c("Trump");
    //     }
    //     function b(name){
    //         console.log('这是B'+name);
    //     }**/
    //     //a(b("Trump"));//执行a函数 把 b做为参数传入 b("Trump") 立即把b给执行掉了 错误
    //    // a(b);//执行a函数 把 b做为参数传入  正确
    //     var str="Arrays are list-like objects whose prototype has methods to perform traversal and mutation operations. Neither the length of a JavaScript array nor the types of its elements are fixed. Since an array's length can change at any time, and data can be stored at non-contiguous locations in the array, JavaScript arrays are not guaranteed to be dense; this depends on how the programmer chooses to use them. In general, these are convenient characteristics; but if these features are not desirable for your particular use, you might consider using typed arrays";  
    //     var num=0;
    //     var index=0;//记录下一次查找的位置
    //     var indexa=0;//记录查找到位置 如果没有找到就返回-1
    //     while(indexa>=0){//如返回的是-1退出循环
    //         indexa=str.indexOf('JavaScript',index);//查找字符串 返回下标
    //         if(indexa>=0){//找到了a +1 没有找到就不用 +1
    //             index=indexa+1;
    //             num++;
    //         }
    //         // index=str.indexOf('a',index+1);
    //         // console.log(index);
    //         // index=str.indexOf('a',index+1);
    //         // console.log(index);
    //         // index=str.indexOf('a',index+1);
    //         // console.log(index);
    //     }
    //    console.log('总共多少A==>',num);

    //     /*
    //         输入效果
    //     */
    //     var str='封装函数countDown() 结合 setInterval 实现 到';
    //     var strI=0;
    //     var span=document.getElementById('inputText');
    //     var textid=setInterval(function(){
    //         span.innerHTML +=str.charAt(strI);
    //         strI++;
    //         if(strI>str.length){
    //             span.innerHTML='';
    //             strI=0;
    //         }
    //     },100);
    </script>
</body>
</html>